<template>
	<view class="wp">
		<view class="a_tit">2个奖品待领取</view>
		<view class="a_list">
			<view class="a_item">
				<view class="flex_between">
					<image src="/static/jiujiu.png"></image>
					<view class="a_info">
						<view class="a_status">已发放</view>
						<view class="a_title clamp2">这是一个商品标题这是一个商品标题这是一个商品标题这是一个商品标题这是一个商品标题这是一个商品标题这是一个商品标题</view>
						<view class="a_title" style="margin-top: 20rpx;">数量x1</view>
					</view>
				</view>
				<view class="flex_between">
					<view class="a_time">领取时间：2025-03-17 15:53:46</view>
					<view class="a_status a_btn">立即领取</view>
				</view>
			</view>
			<view class="a_item">
				<view class="flex_between">
					<image src="/static/jiujiu.png"></image>
					<view class="a_info">
						<view class="a_status">已发放</view>
						<view class="a_num">米券数量：79</view>
					</view>
				</view>
				<view class="flex_between">
					<view class="a_time">领取时间：2025-03-17 15:53:46</view>
					<view class="a_status a_btn">立即领取</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
page{
	background: linear-gradient(#b33bf3 0%, #684ff9 100%);
	color: #fff;
}
.wp{
	padding: 10rpx 20rpx 80rpx;
}
.a_tit{
	font-size: 32rpx;
	font-weight: bold;
	margin-bottom: 20rpx;
}
.a_list{
	.a_item{
		background: #fff;
		padding: 20rpx;
		border-radius: 12rpx;
		margin-bottom: 20rpx;
		image{
			width: 200rpx;
			height: 200rpx;
		}
		.a_info{
			width: calc(100% - 200rpx);
			padding-left: 20rpx;
			text-align: right;
			height: 200rpx;
		}
		.a_status{
			border-radius: 8rpx;
			text-align: center;
			background: linear-gradient(45deg, #b83af3 0%, #684ff9 100%);
			float: right;
			padding: 6rpx 16rpx;
		}
		.a_title{
			color: #4D4C4C;
			clear: both;
			margin-top: 60rpx;
			text-align: left;
		}
		.a_num{
			color: #B13CF3;
			clear: both;
			margin: 140rpx 0 0;
		}
		.a_btn{
			letter-spacing: 10rpx;
		}
		.a_time{
			color: #B13CF3;
			font-size: 24rpx;
			margin-top: 6rpx;
		}
	}
}
</style>
